<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>监考一览表</title>
	<!-- 展示当前用户监考的考试的信息 -->
	<link rel="stylesheet" href="layui/css/layui.css">
	<script src="layui/layui.js"></script>
</head>
<body>
	<h2 align=center>监考一览表</h2>
	<table id="demo" lay-filter="test"></table>
 	
	<script type="text/html" id="bar">

		<a href="my_invigilation.jsp" class="layui-btn layui-btn-xs" lay-event="edit">查看他的监考</a>
		
	</script>
<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 312
    ,url: 'workload_info.json'
    ,page: true //开启分页
    ,cols: [[ //表头
    	{type: 'checkbox', fixed: 'left'},
    	{field: 'term', title: '学期', width: 110, sort: true, filter: true},
    	{field: 'college', title: '所属学院', width: 110, sort: true, filter: true},
    	{field: 'id', title: '职工号', width: 110, sort: true, filter: true},
	    {field: 'name', title: '姓名', width: 110, sort: true, filter: true},
	    {field: 'workload', title: '监考工作量', width: 150, sort: true, filter: true},
	    {field: 'status', title: '工作状态', width: 150, sort: true, filter: true},
	    {title: '操作', width: 120, fixed: 'right', templet: '#bar'}
    ]]
  });
  
});
</script>
</body>
</html>